<template>
    <div class="home">
        <h3>count: {{count}}</h3>
        <h3>double: {{double}}</h3>
        <button @click="add">+</button>
    </div>
</template>

<script>

    //options
    export default {
        name: 'Home',
        data() {
            return {
                count: 0,
            }
        },
        computed: {
            double() {
                return this.count * 2;
            }
        },
        components: {},
        methods: {
            add() {
                this.count++;
            }
        }
    }
</script>
